.container {
  overflow: hidden;
  position: relative;
  width: 100%;

  &.horizontal {
    height: auto;
  }

  &.vertical {
    height: 300px; // 默认高度，可通过外部覆盖
  }
}

.scrollContent {
  display: flex;
  will-change: transform;

  .container.horizontal & {
    flex-direction: row;
  }

  .container.vertical & {
    flex-direction: column;
  }
}

.scrollItem {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
